<!DOCTYPE html> 
<html> 
<head> 
	<title>My Page</title> 
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jm/jquery.mobile-1.2.0.min.css" />
	<script src="jm/jquery.js"></script>
	<script src="jm/jquery.mobile-1.2.0.min.js"></script>
</head> 
<body> 
<!--用户登录部分-->
<div data-role="page" id="login" data-transition="slidefade">
	<form action="form.php" method="post" style="margin-top:30px;">
		<div data-role="fieldcontain">
			<label for="login_email">邮箱:</label>
			<input type="text" name="email" id="login_email" value=""  />
		</div>
		<div data-role="fieldcontain">
			<label for="login_pwd">密码:</label>
			<input type="password" name="email" id="login_pwd" value=""  />
		</div>
		<a href="#job_stream" data-role="button">登录</a>
		<a href="#reg" data-role="button">注册</a>
	</form>
</div>
<!--用户注册部分-->
<div data-role="page" id="reg" data-transition="slidefade" style="margin-top:30px;">
	<form action="form.php" method="post">
		<div data-role="fieldcontain">
			<label for="reg_email">邮箱:</label>
			<input type="text" name="email" id="reg_email" value=""  />
		</div>
		<div data-role="fieldcontain">
			<label for="reg_pwd">密码:</label>
			<input type="password" name="email" id="reg_pwd" value=""  />
		</div>
		<div data-role="fieldcontain">
			<label for="reg_pwd">确认密码:</label>
			<input type="password" name="email" id="reg_pwd" value=""  />
		</div>
		<a href="#" data-role="button">注册</a>
		<a href="#login" data-role="button">登录</a>
	</form>
</div>
<!--用户最新职位信息或者求职部分-->
<div page-role="page" data-transition="slidefade" id="job_stream">
	<div data-role="header"></div> 
	<div data-role="content"></div> 
	<div data-role="footer" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="#main">主页</a></li>
				<li><a href="#job_stream" data-add-back-btn="true" class="ui-btn-active ui-state-persist">Job广场</a></li>
				<li><a href="#">消息中心</a></li>
				<li><a href="#profile">个人资料</a></li>
			</ul>
		</div><!-- /navbar -->
	</div> 
</div>
<!--用户最新求职部分部分-->
<div page-role="page" data-transition="slidefade" id="main">
	main
	<div data-role="footer" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="#main" data-add-back-btn="true" class="ui-btn-active ui-state-persist">主页</a></li>
				<li><a href="#job_stream">Job广场</a></li>
				<li><a href="#">消息中心</a></li>
				<li><a href="#profile">个人资料</a></li>
			</ul>
		</div><!-- /navbar -->
	</div> 
</div>

<!--用户个人资料部分部分-->
<div page-role="page" data-transition="slidefade" id="profile">
	<div data-role="header">
		<h1>asd</h1>
	</div> 
	<div data-role="content">
		<ul data-role="listview">
			<li><a href="acura.html">简历</a></li>
			<li><a href="audi.html">求职信</a></li>
			<li><a href="bmw.html">求职记录</a></li>
			<li><a href="bmw.html" page-role="button">发送简历</a></li>
		</ul>
	</div> 
	
	<div data-role="footer" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="#main">主页</a></li>
				<li><a href="#job_stream">Job广场</a></li>
				<li><a href="#profile" data-add-back-btn="true" class="ui-btn-active ui-state-persist">个人资料</a></li>
			</ul>
		</div><!-- /navbar -->
	</div> 
</div>

<!--地步导航--->
<div data-role="footer" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="#main">主页</a></li>
				<li><a href="#job_stream">Job广场</a></li>
				<li><a href="#">消息中心</a></li>
				<li><a href="#profile" data-add-back-btn="true" class="ui-btn-active ui-state-persist">个人资料</a></li>
			</ul>
		</div><!-- /navbar -->
	</div> 
</body>
</html>